<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商城首页</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>

	<body>
		<div class="top">
			<div class="contatiner">
				<div class="collection left">
					<a href="#">
						<img src="images/star.png" class="five-star"> 收藏非凡商城
					</a>
				</div>
				<div class="login-box right">
					欢迎来到非凡商城 [
					<a href="#" class="login">登录</a>] [
					<a href="#">免费注册</a>]
				</div>
				<div class="clear"></div>
			</div>
		</div>
		<div class="search-box">
			<div class="contatiner">
				<div class="logo left">
					<img src="images/logo.png" />
				</div>
				<div class="search left">
					<form action="#" method="get">
						<input type="search" name="search" class="left" />
						<input type="submit" name="search-btn" value="搜索" class="left" />
					</form>
				</div>

				<div class="shopping-cart right">
					<img src="images/shopping-car.png" class="left" />
					<span class="shopping-text left">购物车</span>
					<span class="right">0 <img src="images/row.png"/></span>
				</div>
			</div>
		</div>
		
		<div class="banner">
			<div class="contatiner">
				<ul>
					<li><a href="#">
						全部商品
						<img src="images/san.png"/>
					</a></li>
					<li><a href="#">数码城</a></li>
					<li><a href="#">天黑黑</a></li>
					<li><a href="#">团购</a></li>
					<li><a href="#">发现</a></li>
					<li><a href="#">二手特卖</a></li>
					<li><a href="#">名品会</a></li>
				</ul>
			</div>
		</div>
	</body>

</html>